<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title></title>
</head>
<body>
<header>
    <img src="images/top_back.png" style="float: left"/>
    <img src="images/top_category.png" style="float: right"/>

    <div style="margin: 0 3.5rem">
    <input type="text" placeholder="            请输入目的地" style="background-image:url('images/search.png') ;background-repeat: no-repeat;
     width: 100% ;height: 3rem;border-radius: 1rem;" />
    </div>
</header>
<div>
    <img src="images/commend.jpg" style="width: 100%">
</div>
<div style="height: 7rem;border-top: 1px solid;border-bottom: 1px solid">
    <div style="float: left;width: 50%"  >
        <img src="images/jd_arr1.png">热门景点
    </div>
    <div style="float: right;width: 50%">
        <img src="images/jd_arr2.png">我身边
    </div>
</div>
<div></div>
<div></div>
<footer></footer>
</body>
</html>